/**
 * Created by will on 2017/9/21.
 */
$(function () {
//    分页功能
    //完整功能
    layui.use(['laypage', 'layer','form', 'layedit','laydate'], function(){
        var laypage = layui.laypage
            ,layer = layui.layer
            ,form=layui.form
            ,laydate=layui.laydate;
    //    分页功能
    laypage.render({
        elem: 'hotelselect-paging'
        ,count: 100
        ,theme: '#45A2FF'
        ,groups:4
        ,prev: '<em><</em>'
        ,next: '<em>></em>'
        ,layout: ['prev', 'page', 'next', 'skip']
        ,jump: function(obj){
            console.log(obj)
        }
    });
        laypage.render({
            elem: 'calendar-paging'
            ,count: 1000
            ,theme: '#45A2FF'
            ,groups:4
            ,prev: '<em><</em>'
            ,next: '<em>></em>'
            ,layout: ['count', 'prev', 'page', 'next', 'limit', 'skip']
            ,jump: function(obj){
                console.log(obj)
            }
        });
        //监听提交
        form.on('submit(demo1)', function(data){
            layer.alert(JSON.stringify(data.field), {
                title: '最终的提交信息'
            })
            return false;
        });
    //    弹出层
        //触发事件
        var active = {
            notice: function(){
                //示范一个公告层
                layer.open({
                    type: 1
                    ,title: false //不显示标题栏
                    ,closeBtn: false
                    ,area: ['560px', '775px']
                    ,shade: 0.5
                    ,id: 'LAY_layuipro' //设定一个id，防止重复弹出
                    ,btn: ['保存', '取消']
                    ,btnAlign: 'c'
                    ,moveType: 1 //拖拽模式，0或者1
                    ,content: $('#batch-processing')/*'<div style="padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">你知道吗？亲！<br>layer ≠ layui<br><br>layer只是作为Layui的一个弹层模块，由于其用户基数较大，所以常常会有人以为layui是layerui<br><br>layer虽然已被 Layui 收编为内置的弹层模块，但仍然会作为一个独立组件全力维护、升级。<br><br>我们此后的征途是星辰大海 ^_^</div>'*/
                    ,success: function(layero){
                        var btn = layero.find('.layui-layer-btn');
                        btn.find('.layui-layer-btn0').attr({
                            href: ''
                            ,target: '_blank'
                        });
                    }
                });
            }
            ,addnew: function(){
                //示范一个公告层
                layer.open({
                    type: 1
                    ,title: false //不显示标题栏
                    ,closeBtn: false
                    ,area: ['560px', '830px']
                    ,shade: 0.5
                    ,id: 'addNewroom' //设定一个id，防止重复弹出
                    ,btn: ['保存', '取消']
                    ,btnAlign: 'c'
                    ,moveType: 1 //拖拽模式，0或者1
                    ,content: $('#add-newroom')/*'<div style="padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">你知道吗？亲！<br>layer ≠ layui<br><br>layer只是作为Layui的一个弹层模块，由于其用户基数较大，所以常常会有人以为layui是layerui<br><br>layer虽然已被 Layui 收编为内置的弹层模块，但仍然会作为一个独立组件全力维护、升级。<br><br>我们此后的征途是星辰大海 ^_^</div>'*/
                    ,success: function(layero){
                        var btn = layero.find('.layui-layer-btn');
                        btn.find('.layui-layer-btn0').attr({
                            href: ''
                            ,target: '_blank'
                        });
                    }
                });
            }
            ,notice1: function(){
                //示范一个公告层
                layer.open({
                    type: 1
                    ,title: false //不显示标题栏
                    ,closeBtn: false
                    ,area: ['560px', '380px']
                    ,shade: 0.5
                    ,id: 'addnewfixroom' //设定一个id，防止重复弹出
                    ,btn: ['保存', '取消']
                    ,btnAlign: 'c'
                    ,moveType: 1 //拖拽模式，0或者1
                    ,content: $('#add-newfixroom')/*'<div style="padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">你知道吗？亲！<br>layer ≠ layui<br><br>layer只是作为Layui的一个弹层模块，由于其用户基数较大，所以常常会有人以为layui是layerui<br><br>layer虽然已被 Layui 收编为内置的弹层模块，但仍然会作为一个独立组件全力维护、升级。<br><br>我们此后的征途是星辰大海 ^_^</div>'*/
                    ,success: function(layero){
                        var btn = layero.find('.layui-layer-btn');
                        btn.find('.layui-layer-btn0').attr({
                            href: ''
                            ,target: '_blank'
                        });
                    }
                });
            }
            ,notice2: function(){
                //示范一个公告层
                layer.open({
                    type: 1
                    ,title: false //不显示标题栏
                    ,closeBtn: false
                    ,area: ['1000px', '600px']
                    ,shade: 0.5
                    ,id: 'amendroomstate' //设定一个id，防止重复弹出
                    ,btn: ['保存', '取消']
                    ,btnAlign: 'c'
                    ,moveType: 1 //拖拽模式，0或者1
                    ,content: $('#amend-roomstate')/*'<div style="padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">你知道吗？亲！<br>layer ≠ layui<br><br>layer只是作为Layui的一个弹层模块，由于其用户基数较大，所以常常会有人以为layui是layerui<br><br>layer虽然已被 Layui 收编为内置的弹层模块，但仍然会作为一个独立组件全力维护、升级。<br><br>我们此后的征途是星辰大海 ^_^</div>'*/
                    ,success: function(layero){
                        var btn = layero.find('.layui-layer-btn');
                        btn.find('.layui-layer-btn0').attr({
                            href: ''
                            ,target: '_blank'
                        });
                    }
                });
            }
            ,notice3: function(){
                //示范一个公告层
                layer.open({
                    type: 1
                    ,title: false //不显示标题栏
                    ,closeBtn: false
                    ,area: ['1200px', '655px']
                    ,shade: 0.5
                    ,id: 'batchupdate' //设定一个id，防止重复弹出
                    ,btn: ['保存', '取消']
                    ,btnAlign: 'c'
                    ,moveType: 1 //拖拽模式，0或者1
                    ,content: $('#batch-update')/*'<div style="padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">你知道吗？亲！<br>layer ≠ layui<br><br>layer只是作为Layui的一个弹层模块，由于其用户基数较大，所以常常会有人以为layui是layerui<br><br>layer虽然已被 Layui 收编为内置的弹层模块，但仍然会作为一个独立组件全力维护、升级。<br><br>我们此后的征途是星辰大海 ^_^</div>'*/
                    ,success: function(layero){
                        var btn = layero.find('.layui-layer-btn');
                        btn.find('.layui-layer-btn0').attr({
                            href: ''
                            ,target: '_blank'
                        });
                    }
                });
            }
        };
        //日期设置
        laydate.render({
            elem: '#adaptdate1'
            ,theme: '#45a2ff'
        });
        laydate.render({
            elem: '#adaptdate2'
            ,theme: '#45a2ff'
        });
        laydate.render({
            elem: '#adaptdate3'
            ,theme: '#45a2ff'
        });
        laydate.render({
            elem: '#adaptdate4'
            ,theme: '#45a2ff'
        });
        laydate.render({
            elem: '#amend-state-date'
            ,theme: '#45a2ff'
            ,type: 'time'
        });
        laydate.render({
            elem: '#formheaddate'
            ,theme: '#45a2ff'
        });
        //批量修改事件绑定
        $('.layerDemo .layui-btn').on('click', function(){
            var othis = $(this), method = othis.data('method');
            active[method] ? active[method].call(this, othis) : '';
        })
        //新增售卖房型
        $('.add-newroomstyle .layui-btn').on('click', function(){
            var othis = $(this), method = othis.data('method');
            active[method] ? active[method].call(this, othis) : '';
        })
        $('#roomprice-management-select .layui-btn').on('click', function(){
            var othis = $(this), method = othis.data('method');
            active[method] ? active[method].call(this, othis) : '';
        })
    });
/*    //解决toggle
    $.fn.toggle = function( fn, fn2 ) {
        var args = arguments,guid = fn.guid || $.guid++,i=0,
            toggle = function( event ) {
                var lastToggle = ( $._data( this, "lastToggle" + fn.guid ) || 0 ) % i;
                $._data( this, "lastToggle" + fn.guid, lastToggle + 1 );
                event.preventDefault();
                return args[ lastToggle ].apply( this, arguments ) || false;
            };
        toggle.guid = guid;
        while ( i < args.length ) {
            args[ i++ ].guid = guid;
        }
        return this.click( toggle );
    };*/
//    收起酒店列表
    $('.hide-list').toggle(
        function () {
        $(this).html("展开酒店列表");
        $('.easytrip-hotelselect').slideUp(500);
    },function () {
            console.log(123123)
            $(this).html("收起酒店列表");
            $('.easytrip-hotelselect').slideDown(500);
        }
    )

//房价房态管理
    $('.roomprice-management').toggle(
        function () {
            $(this).html('<span>房价/房态管理</span><i class="layui-icon">&#xe619;</i>   ')
            $(this).css("color","#45a2ff")
            $('.roomprice-management-select').slideDown(300)
    },
    function () {
        $(this).html('<span>房价/房态管理</span><i class="iconfont">&#xe6a6;</i>')
        $(this).css("color","#2a2a2a")
        $('.roomprice-management-select').slideUp(300)
    }
    )
    $(".roomprice-management-select").mouseleave(function () {
        $(this).slideUp(300)
        $(".roomprice-management").html('<span>房价/房态管理</span><i class="iconfont">&#xe6a6;</i>')
        $(".roomprice-management").css("color","#2a2a2a")
    })
    $('.inwentory-management').toggle(
        function () {
            $(this).html('<span>库存管理</span><i class="layui-icon">&#xe619;</i>   ')
            $(this).css("color","#45a2ff")
        },
        function () {
            $(this).html('<span>库存管理</span><i class="iconfont">&#xe6a6;</i>')
            $(this).css("color","#2a2a2a")
        }
    )
    $('.base-week').toggle(
        function () {
            $(this).html('<span>按周</span><i class="iconfont">&#xe6a6;</i>   ')
            $(this).css("color","#45a2ff")
            $(".base-week-select").slideDown(500)
        },
        function () {
            $(this).html('<span>按月</span><i class="iconfont">&#xe6a6;</i>')
            $(this).css("color","#2a2a2a")
            $(".base-week-select").slideUp(500)
        }
    )
    $(".base-week-select").mouseleave(function () {
        $(this).slideUp(500)
        $('.base-week').html('<span>按周</span><i class="iconfont">&#xe6a6;</i>')
        $('.base-week').css("color","#2a2a2a")
    })
//鼠标点击弹框中的白色按钮
    $('.content').on("click",".layui-layer-btn1",function () {
        $(this).css({"background-color":"#45a2ff","color":"#ffffff"})
    })
    //地址栏搜索
    $('.search').kuCity();
})